<template>
    <el-aside width=220px style="background-color: #f3f3f4">
        <el-menu >
            <el-menu-item v-model="mark"><i class="el-icon-menu"></i>
                <router-link :to="`/Depinfo? mark=${mark}`" active-class="active">信息统计</router-link>
            </el-menu-item>
            <el-menu-item v-model="mark"><i class="el-icon-s-custom"></i>
                <router-link :to='`/Depteacher? mark=${mark}`' active-class="active">教师管理</router-link>
            </el-menu-item>
            <el-menu-item v-model="mark"><i class="el-icon-menu"></i>
                <router-link :to='`/Depexamine? mark=${mark}`' active-class="active">审核管理</router-link>
            </el-menu-item>
        </el-menu>
       
    </el-aside>
</template>

<script>
import 'element-ui/lib/theme-chalk/index.css';
export default {
    name: "DepAside",
    data() {
        return {
            mark: ''
        }

    }, mounted() {
        this.mark = this.$store.state.Mark

    }
}
</script>

<style>
.el-aside {
    margin-top: 1%;
    height: 50%;
    color: #333;
    border-radius: 2%;
}

.el-aside::-webkit-scrollbar {
    display: none;
}
</style>